<div class="fui-calendar-lite">
  <table class="fui-calendar-lite-table" *ngIf="mode == 'year'">
    <thead>
      <tr>
        <th class="fui-calendar-lite-column-header" *ngFor="let min of listOfWeekName">
          <span class="fui-fullcalendar-column-header-inner">{{min}}</span>
        </th>
      </tr>
    </thead>
    <tbody class="fui-calendar-lite-body">
      <tr *ngFor="let week of weeksCalendar">
        <td
          [attr.title]="day.title"
          *ngFor="let day of week.days"
          class="fui-calendar-lite-cell"
          [class.fui-calendar-lite-disabled-cell-first-of-row]="day.firstDisabled"
          [class.fui-calendar-lite-disabled-cell-last-of-row]="day.lastDisabled"
          [class.fui-calendar-lite-disabled-cell]="day.disabled"
          [class.fui-calendar-lite-last-month-cell]="day.isLastMonth"
          [class.fui-calendar-lite-next-month-btn-day]="day.isNextMonth"
          [class.fui-calendar-lite-selected-day]="day.isSelectedDay"
          [class.fui-calendar-lite-today]="day.isCurrentDay"
        >
          <div class="fui-calendar-lite-date" (click)="clickDay($event,day)">
            {{day.number}}
          </div>
        </td>
      </tr>
    </tbody>
  </table>
  <table class="fui-calendar-lite-month-panel-table" *ngIf="mode == 'month'">
    <tbody class="fui-fullcalendar-month-panel-tbody">
      <tr *ngFor="let quarter of quartersCalendar">
        <td
          *ngFor="let month of quarter"
          [attr.title]="month.name"
          class="fui-calendar-lite-month-panel-cell"
          [class.fui-calendar-lite-month-panel-selected-cell]="month.isSelectedMonth"
          [class.fui-calendar-lite-month-panel-cell-disabled]="month.disabled"
          [class.fui-calendar-lite-month-panel-current-cell]="month.isCurrentMonth"
        >
          <div class="fui-calendar-lite-month-panel-month" (click)="clickMonth($event,month)">
            {{month.name}}
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
